<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title></title>
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="styles/csshover.css" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="styles/base.css" />
</head>
<body>
<div class="div_title feather gradient">兼容IE6~IE9、FF、Chrome</div>
<div class="div_radius_shadow feather">圆角+阴影</div>
<div class="div_gradient feather hand" id="big_btn" >渐变背景+hover</div>
<script type="text/javascript">
	window.onload=function(){
		var big_btn=document.getElementById("big_btn");
		big_btn.onmousedown=function(){
			this.style.border="2px solid black";
		};
		big_btn.onmouseup=function(){
			this.style.border="0px solid black";
		};
		big_btn.onmouseout=function(){
			this.style.border="0px solid black";
		};

	};
</script>
</body>
</html>